/*首页轮播*/
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index img{ width: 100%;line-height: 0;}
.banner_index .slideBox .tab img{ width: 100%;}
.banner_index .slideBox .tab ul li:first-child{ display: block;}
.banner_index .slideBox .tab ul li{ display: none;}
.slideBox .btn{ height: 16px; overflow: hidden; position: absolute; left: 47%; bottom: 20px; z-index: 1;}
.slideBox .btn ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .btn ul li{ float: left; width: 16px; height: 16px; border-radius: 50%; background: #fff; margin: 0 8px; cursor: pointer; transition: .3s;}
.slideBox .btn ul li.on{ background: #940a08;}


/*各模块标题*/
.titleM{text-align: center; position: relative;}
.titleM .p1{color: #444444; font-size: 36px; font-weight: bold}
.titleM .p2{color: #666666; font-size: 20px; margin-top: 8px;}
.titleM .title_img{top: -26px;  position: relative; z-index: -1;}

/*产品*/
.product{ margin-top: 60px; font-size: 0;}
.product .cpleft{ width: 230px;}
.product .cpleft .top{ background: url(../images/product1.jpg)no-repeat; height: 108px; padding-left: 106px;}
.product .cpleft .top>div{ display: inline-block; vertical-align: middle;}
.product .cpleft .top .by{ font-weight: bold; color: #fff; font-size: 26px; margin-top: 19px;}
.product .cpleft .top .by2{ font-weight: bold; color: #585250; font-size: 20px;}
.product .cpleft .sideMenu{ background: #f7f7f7;}
.product .cpleft .sideMenu h6,.product .cpleft .sideMenu h5{ margin-bottom: 1px; height: 63.3px; line-height: 63px; padding-right: 22px; background: #2a2a2a;}
.product .cpleft .sideMenu h6.on,.product .cpleft .sideMenu h5.on{ background: #cb211a; margin-bottom: 0px;}
.product .cpleft .sideMenu h6 a,.product .cpleft .sideMenu h5 a{ padding-left: 28px; background: url(../images/product3_.png)no-repeat right center; color: #fff; font-size: 18px; display: block;}
.product .cpleft .sideMenu h6.on a,.product .cpleft .sideMenu h5.on a{ background: url(../images/product3.png)no-repeat right center;}
.product .cpleft .sideMenu ul li,.product .cpleft .sideMenu dl dd{ height: 57px; line-height: 57px; border-bottom: 1px solid #e5e5e5; position: relative;}
.product .cpleft .sideMenu ul li:after,.product .cpleft .sideMenu dl dd:after{content: ""; position: absolute; width: 7px; height: 7px; background: #333333; top: 28px; left: 16px;}
.product .cpleft .sideMenu ul li a,.product .cpleft .sideMenu dl dd a{ color: #333; font-size: 16px; display: block; padding-left: 40px;}
.product .cpleft .sideMenu ul li:hover a,.product .cpleft .sideMenu dl dd:hover a{color: #cb211a}
.product .cpleft .sideMenu ul li:hover:after,.product .cpleft .sideMenu dl dd:hover:after{background: #cb211a}
.product .cpleft .rx{ margin-top: 1px; background: #cb211a; height: 116px; padding: 0 0 0 20px; overflow: hidden; position: relative;}
.product .cpleft .rx span{ margin: 20px 0 5px 0; display: block; color: #f1d6d6; font-size: 14px; line-height: 14px; margin-left: 36px;}
.product .cpleft .rx p{ font-family: arial; font-weight: bold; font-size: 24px; color: #fff; line-height: 30px; margin-left: 38px;}
.product .cpright{ width: 950px; margin-left: 20px;}
.product .cpright p{ line-height: 0; margin-bottom: 20px;}
.product .cpright ul li{ width: 310px; display: inline-block; vertical-align: top; text-align: center;}
.product .cpright .ul1 li{ margin-right: 10px;}
.product .cpright ul li .pic{ width: 310px; height: 290px; overflow: hidden; position: relative;}
.product .cpright ul li .pic img{ width: 100%; transition: .3s;}
.product .cpright ul li:hover .pic img{ transform: scale(1.1);}
.product .cpright ul li .name{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #2a2a2a; position: absolute; bottom: 0; opacity: 0.9;}
.product .cpright ul li:hover .name{ background: #cb211a;}
.product .cpright ul li:nth-child(3n){ margin-right: 0;}
.product .cpright .cplist .ul2 li{ margin: 0 10px 10px 0;}
.product .cpright .ul2 li:nth-child(3n){ margin-right: 0;}

/*产品优势*/
.cpys{width: 100%; height: 800px; background: url("../images/cpys_bg.jpg") no-repeat; margin-top: 35px;}
.cpys .title_p{color: #ffffff; font-size: 36px; font-weight: bold; text-align: center; padding-top: 68px;}
.cpys .boxnr{position: relative; width: 1200px; height: 570px;}
.cpys .boxnr .imgbox{display: inline-block; vertical-align: top; width: 100px; height: 100px; position: relative;}
.cpys .boxnr .imgbox>img{position: absolute; left: 0; z-index: 99;}
.cpys .boxnr .imgbox:after{content: " ";position: absolute;left: -4px; top: -4px; width: 108px;height: 108px; background: rgba(255, 255, 255, 0.29);border-radius: 50%;animation: light 3s linear infinite;}
.cpys .boxnr .hd ul .on .imgbox:after{background: rgba(253, 119, 53, 0.78)}
@keyframes light{ 0%,50%,100%{transform: scale(1.1);}
    25%,75%{transform: scale(0.8);}
}
.cpys .boxnr .hd ul li{position: absolute;}
.cpys .boxnr .left{display: inline-block; width: 328px; margin-top: 86px;}
.cpys .boxnr .nr{display: inline-block; width: 206px; margin-left: 10px; margin-top: 10px;}
.cpys .boxnr .nr .p1{font-size: 22px; color: #ffffff; position: relative; height: 46px;}
.cpys .boxnr .left .nr .p1:after{content: ' '; width: 40px; height: 2px; background: #cb211a; position: absolute; left: 0px; bottom: 0px;}
.cpys .boxnr .nr .p2{font-size: 16px; color: #ffffff; line-height: 32px; margin-top: 14px;}
.cpys .boxnr .right{display: inline-block; width: 328px; margin-top: 86px; float: right; text-align: right}
.cpys .boxnr .right .nr .p1:after{content: ' '; width: 40px; height: 2px; background: #cb211a; position: absolute; right: 0px; bottom: 0px;}
.cpys .boxnr .bd ul li .wjjb{position: absolute; left: 0; left: 50%; top: 50% ;margin-left: -304px;}

/*企业优势*/
.ys{width: 100%; height: 1006px; background: url("../images/ysBG.jpg") no-repeat; }
.ys .hd{width: 1200px; height: 100px;}
.ys .hd ul li{width: 300px; height: 100px; text-align: center; background: #f7f7f7; display: inline-block; line-height: 100px; float: left; cursor: pointer; transition: .3s;}
.ys .hd ul .on{background: #cb211a;}
.ys .hd ul .on>p{color: #ffffff;}
.ys .hd ul .on .noe{display: none;}
.ys .hd ul .on .two{display: inline-block;}
.ys .hd ul li>span>img{vertical-align: middle;}
.ys .hd ul li>span .two{display: none;}
.ys .hd ul li>p{color: #333333; font-size: 30px; font-weight: bold; display: inline-block; vertical-align: middle; margin-left: 8px;}
.ys .bd{width: 1200px; overflow: hidden;}
.ys .bd ul li{width: 1200PX; height: 682px; overflow: hidden; position: relative;}
.ys .bd ul li>div>img{width: 1200px; height: 682px;}
.ys .bd ul li .nr{width: 1200PX; height: 126px; position: absolute; bottom: 0px;  background: rgba(185,32,27,0.9)}
.ys .bd ul li .nr .left{display: inline-block; margin-left: 64px; vertical-align: middle;}
.ys .bd ul li .nr .left .p1{font-size: 48px; color: #ffffff; font-weight: bold; opacity: 0.8; margin-top: 4px; height: 60px;}
.ys .bd ul li .nr .left .p2{font-size: 30px; color: #ffffff; font-weight: bold}
.ys .bd ul li .nr .xian{display: inline-block;width: 1px; background: #ffffff; height: 74px;vertical-align: middle; margin-left: 42px; margin-top: 20px;}
.ys .bd ul li .nr .right{display: inline-block; vertical-align: middle; margin-left: 42px; margin-top: 22px;}
.ys .bd ul li .nr .right>p{font-size: 16px; color: #ffffff;}
.imgTX{position: relative; overflow: hidden;}
.imgTX:after{
    content: "";
    display:block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
}
.imgTX:hover:after{
    content: "";
    display:block;
    left: 100%;
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}

/*案例*/
.al{width: 100%; height: 600px; background: url("../images/al_bg.jpg") no-repeat;}
.al .boxnr{position: relative;  overflow: hidden;}
.al .boxnr .hd{width: 593px; height: 170px; background: url("../images/al1.png") no-repeat; padding:30px 0 0 20px; box-sizing: border-box; position: absolute; z-index: 99999;}
.al .boxnr .hd ul li{width: 170px; height: 47px; line-height: 47px; text-align: center; display: inline-block; margin:0 10px 20px 0;}
.al .boxnr .hd ul li:hover{background: #cb211a}
.al .boxnr .hd ul .on{background: #cb211a}
.al .boxnr .hd ul li a{font-size: 18px; color: #ffffff;}
.al .boxnr .bd ul li .left{width: 592px; display: inline-block; margin-top: 220px;}
.al .boxnr .bd ul li .left .p1{font-size: 24px; color: #ffffff; margin-bottom: 22px;}
.al .boxnr .bd ul li .left .p2{font-size: 16px; color: #ffffff; margin-bottom: 6px; line-height: 30px;}
.al .boxnr .bd ul li .left p>a{color: #cb211a}
.al .boxnr .bd ul li .right{display: inline-block; vertical-align: top; margin-left: 50px; overflow: hidden;}
.al .boxnr .bd ul li .right>a>img{width: 550px; height: 388px;}
.al .boxnr .bd ul li .right>a>img:hover{transform: scale(1.1, 1.1);}


/*关于我们*/
.gywm{width: 100%;}
.gywm .introduce .left{width: 730px; height: 433px; display: inline-block; background: url(../images/gywm_sp.png) no-repeat;}
.gywm .introduce .right{width: 540px; height: 433px; display: inline-block; vertical-align: top; margin-left: 10px;}
.gywm .introduce .right .zi1{height: 56px; color: #333333; font-size: 24px; font-weight: bold; position: relative; margin-bottom: 22px;}
.gywm .introduce .right .zi1:after{content: ""; width: 62px; height: 2px; position: absolute; left: 0; bottom: 0; background: #cb211a;}
.gywm .introduce .right .zi2{font-size: 16px; color: #666666; line-height: 38px;}
.gywm .introduce .right>a{width: 140px; height: 48px; display: inline-block; line-height: 48px; background: #cb211a; text-align: center; color: #ffffff; margin-top: 42px; animation: bounce-up 1.3s linear infinite;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
    50%, 100%{-webkit-transform: translateY(0);}
    75%{-webkit-transform: translateY(-2px);}
}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
    50%, 100%{transform: translateY(0);}
    75%{transform: translateY(-2px);}
}

/*关于我们 - 相册*/
.gywm .xc{ position: relative; width: 100%;  overflow: hidden; margin:35px 0 18px 38px;}
.gywm .ckgd{position: absolute;right: 83px;top: 25px; color: #333; transition: .3s;}
.gywm .ckgd:hover{color: #cb211a;}
.gywm .xc .hd{margin-bottom: 20px; position: relative;}
.gywm .xc .hd ul li{padding: 0 20px; cursor: pointer; position: relative; height: 50px; float: left;line-height: 50px; font-size: 18px; color: #333333; background: #e0e0e0;transition: .3s;}
.gywm .xc .hd ul li.on{ color: #ffffff; background: #cb211a}
.gywm .xc .bd{ height: 215px; overflow: hidden;}
.gywm .xc .bd ul li{ position: relative; float: left; text-align: center; width: 228px; margin-right: 15px;}
.gywm .xc .bd ul li .pic{ width: 228px; height: 160px; overflow: hidden;}
.gywm .xc .bd ul li .pic img{ width: 100%; transition: .3s; height: 162px;}
.gywm .xc .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.gywm .xc .bd ul li .mc{ color: #000000; font-size: 16px; line-height: 16px; margin-top: 20px;}
.gywm .xc .bd ul li:hover .mc{ color: #cb211a;}
.gywm #mp4{width: 568px; height: 392px; margin-left: 90px;}
.gywm .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-250px; z-index:100; width:940px; height:528px; }
.gywm .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.gywm #shipin{width: 100px; height: 100px; margin: 170px 0 0 334px;  cursor: pointer;}



/*新闻*/
.new{width: 100%; background: #eeeeee; padding-bottom: 45px; }
.new .boxnr{overflow: hidden; background: #eeeeee; padding-top: 50px;}
.new .newtab{ width: 600px;}
.new .newtab .hd ul li{ float: left;}
.new .newtab .hd ul dd{ float: left; color: #333333; font-size: 18px; margin: 0 19px 0 15px;}
.new .newtab .hd{border-bottom: 1px solid #535353; margin-bottom: 25px; padding-bottom: 6px; position: relative;}
.new .newtab .hd:after{content: ''; width: 262px; height: 1px; background: #cb211a; position: absolute; bottom: -1px;}
.new .newtab .hd ul li .liz{ color: #333333; font-size: 22px; line-height: 24px; cursor: pointer;}
.new .newtab .hd ul li .liz.on{ color: #cb211a;}
.new .newtab .hd ul .ckgd:hover a{ color: #cb211a; transition: .3s;}
.new .newtab .bd{overflow: hidden;}
.new .newtab .bd ul li .tjnew{ height: 216px; overflow: hidden; margin-bottom: 30px;}
.new .newtab .bd ul li .tjnew>div{ height: 216px; float: left; overflow: hidden;}
.new .newtab .bd ul li .pic{ width: 300px; height: 216px; overflow: hidden;}
.new .newtab .bd ul li .pic img{ width: 100%; transition: .3s;}
.new .newtab .bd ul li .pic:hover img{ transform: scale(1.1);}
.new .newtab .bd ul li .tjnew .js{ width: 290px; margin-left: 10px;}
.new .newtab .bd ul li .tjnew .js .shu{width: 2px; background: #cb211a; height: 24px; display: inline-block; vertical-align: top;}
.new .newtab .bd ul li .tjnew .js h4{width: 278px;  color: #000; font-size: 20px; margin-top: -5px; display: inline-block; vertical-align: middle; margin-bottom: 20px;  margin-left: 4px;}
.new .newtab .bd ul li .tjnew .js:hover h4>a{ color: #cb211a; transition: .3s;}
.new .newtab .bd ul li .tjnew .js .text{ text-indent: 29px; color: #333; font-size: 14px; line-height: 20px; height: 109px; margin-left: 6px;}
.new .newtab .bd ul li .tjnew .js .btn{width: 100px; height: 32px; display: inline-block; line-height: 32px; background: #cb211a; text-align: center; color: #ffffff; margin-left: 6px;}
.new .newtab .bd ul li .ptnew{width: 600px;border: 1px solid #cccccc; padding: 20px; box-sizing: border-box; }
.new .newtab .bd ul li dl dd{margin: 0 0px 6px 0;}
.new .newtab .bd ul li dl dd .sanjiao{margin-top:-4px; margin-right: 4px;}
.new .newtab .bd ul li dl dd .sanjiao2 {margin-top:-4px; display: none; margin-right: 4px;}
.new .newtab .bd ul li dl dd:hover .sanjiao{display: none}
.new .newtab .bd ul li dl dd:hover .sanjiao2{display: inline-block;}
.new .newtab .bd ul li dl dd a{ color: #666666; font-size: 16px;}
.new .newtab .bd ul li dl dd a:hover{ color: #cb211a;}

.new .newlb{ width: 526px;}
.new .newlb .top{ margin-bottom: 24px;height: 33px; border-bottom: 1px solid #535353; }
.new .newlb .top .liz{ color: #333333; font-size: 22px; line-height: 24px; position: relative;}
.new .newlb .top .liz:after{content: ''; width: 96px; height: 1px; background: #cb211a; position: absolute; bottom: -10px;}
.new .newlb .top .liy{ color: #333; text-transform: uppercase; padding-right: 35px;}
.new .newlb .top .liy:hover{ color: #cb211a;}
.new .newlb .bd ul li{ margin-bottom: 26px; height: 136px!important; border-bottom: 1px solid #ccc;}
.new .newlb .bd ul li .left{width: 148px; height: 110px; overflow: hidden; display: inline-block;}
.new .newlb .bd ul li .left>a>img{width: 148px; height: 110px; transition: .3s; }
.new .newlb .bd ul li .left>a>img:hover{transform: scale(1.2);}
.new .newlb .bd ul li .right{display: inline-block; width: 326px; vertical-align: top; margin-left: 12px;}
.new .newlb .bd ul li .right .wen{margin-bottom: 5px; width: 326px; overflow: hidden;}
.new .newlb .bd ul li .right .wen a{ font-weight: bold; color: #333333; font-size: 20px; }
.new .newlb .bd ul li .right .da a{ color: #666666; font-size: 14px; line-height: 24px;}
.new .newlb .bd ul li .right:hover .wen a{ color: #cb211a; transition: .3s;}
.new .newlb .bd .tempWrap{height: 405px!important;}

/*友情链接*/
.link{ background: #eeeeee; padding-bottom: 5px;}
.link ul dd{ margin-right: 35px; display: inline-block; vertical-align: top; font-weight: bold; line-height: 14px; color: #333; font-size: 14px;}
.link ul li{ display: inline-block; vertical-align: top; line-height: 14px; margin: 0 38px 0 0;}
.link ul li:nth-child(13){ margin-right: 0;}
.link ul li a{ line-height: 14px; color: #666; font-size: 14px;}
.link ul li a:hover,.foot .content dd a:hover{ color: #cb211a; transform: scale(1.1); font-weight: bold;}